<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="音乐,QQ音乐,在线听歌,音乐下载,音乐播放器,音乐网站,MV,巅峰榜,音乐排行榜,翻译歌曲,热门歌曲,经典老歌,无损音乐,无损曲库">
    <meta name="description"
        content="QQ音乐是腾讯公司推出的一款网络音乐服务产品，海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载、空间背景音乐设置、MV观看等，是互联网音乐播放和下载的优选。">
    <title>流行指数榜 - QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="./css/排行榜.css">
    <link rel="stylesheet" href="./css/list.css">
    <!-- 引入标题图标 -->
    <link rel="shortcut icon" href="./网站图标.ico" type="image/x-icon">
    <!-- 引入基础公共样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="./font/iconfont.css">

    <style>
        html {
            scroll-behavior: smooth;
        }
    </style>
</head>

<body  data-id="4">
<script>  
document.cookie = "4"


</script>
    <iframe id="ifr1" src="../代普/mod_header.html" scrolling="no" frameborder="0"
        style="position: absolute;top:0px; width:100%; z-index:99; height: 250px;display: flex;">
    </iframe>
    <iframe id="ifr2" src="../代普/guding.html" scrolling="no" frameborder="0"
        style="position: fixed;bottom:0px;right: 0px; width: 100px; z-index:99; height: 250px;display: flex;">
    </iframe>



    <!-- 主体开始 -->
    <div class="big container">
        <div class="main ">
            <!-- 左侧导航拦 -->
            <div class="lift-nav">
                <dl class="nav-list">
                    <dt><a href="JavaScript:void(0)">巅峰榜</a></dt>
                    <dd><a href="JavaScript:void(0)">飙升榜</a></dd>
                    <dd><a href="JavaScript:void(0)">热歌榜</a></dd>

                    <dd><a href="JavaScript:void(0)">新歌榜</a></dd>
                    <dd class="active"><a href="JavaScript:void(0)">流行指数榜</a></dd>
                    <dd><a href="JavaScript:void(0)">喜力电音榜</a></dd>
                    <dd><a href="JavaScript:void(0)">腾讯音乐人原创榜</a></dd>
                    <dd><a href="JavaScript:void(0)">听歌识曲榜</a></dd>
                    <dd><a href="JavaScript:void(0)">MV榜</a></dd>

                </dl>
                <dl class="nav-list">
                    <dt><a href="JavaScript:void(0)">地区榜</a></dt>
                    <dd><a href="JavaScript:void(0)">内地榜</a></dd>
                    <dd><a href="JavaScript:void(0)">香港地区榜</a></dd>
                    <dd><a href="JavaScript:void(0)">台湾地区榜</a></dd>
                    <dd><a href="JavaScript:void(0)">欧美榜</a></dd>
                    <dd><a href="JavaScript:void(0)">韩国榜</a></dd>
                    <dd><a href="JavaScript:void(0)">日本榜</a></dd>

                </dl>
                <dl class="nav-list">
                    <dt><a href="JavaScript:void(0)">特色榜</a></dt>
                    <dd><a href="JavaScript:void(0)">网络歌曲榜</a></dd>
                    <dd><a href="JavaScript:void(0)">DJ舞曲榜</a></dd>
                    <dd><a href="JavaScript:void(0)">抖快榜</a></dd>
                    <dd><a href="JavaScript:void(0)">综艺新歌榜</a></dd>
                    <dd><a href="JavaScript:void(0)">影视金曲榜</a></dd>
                    <dd><a href="JavaScript:void(0)">国风热歌榜</a></dd>
                    <dd><a href="JavaScript:void(0)">说唱榜</a></dd>
                    <dd><a href="JavaScript:void(0)">动漫音乐榜</a></dd>

                    <dd><a href="JavaScript:void(0)">游戏音乐榜</a></dd>

                    <dd><a href="JavaScript:void(0)">达人音乐榜</a></dd>
                    <dd><a href="JavaScript:void(0)">K歌金曲榜</a></dd>


                </dl>
                <dl class="nav-list">
                    <dt><a href="JavaScript:void(0)">全球榜</a></dt>
                    <dd><a href="JavaScript:void(0)">美国公告牌榜</a></dd>
                    <dd><a href="JavaScript:void(0)">韩国Melon榜</a></dd>
                    <dd><a href="JavaScript:void(0)">英国UK榜</a></dd>
                    <dd><a href="JavaScript:void(0)">日本公信榜</a></dd>
                    <dd><a href="JavaScript:void(0)">JOOX本地热播榜</a></dd>
                    <dd><a href="JavaScript:void(0)">香港TVB劲歌金榜</a></dd>
                    <dd><a href="JavaScript:void(0)">台湾KKBOX榜</a></dd>
                    <dd><a href="JavaScript:void(0)">YouTube音乐排行榜</a></dd>

                </dl>
            </div>
            <!-- 右侧内容 -->
            <div class="right">
                <!-- 右侧头部 -->
                <div class="right-hd">
                    <h1>流行指数榜</h1>

                    <span>2022/11.29</span>
                    <a href="#">榜单规则</a>
                </div>
                <!-- 播放 -->
                <div class="song-tbar">
                    <a href="#" class="active"><i class="iconfont icon-bofang"></i> 播放全部</a>

                    <a href="#"><i class="iconfont icon-tianjia"></i>添加到</a>
                    <a href="#"><i class="iconfont icon-xiazai"></i>下载</a>
                    <a href="#"><i class="iconfont icon-yewucaozuo"></i> 批量操作</a>

                    <a href="#" class="dianti"><i class="iconfont icon-pinglun"></i>评论(257541)</a>

                </div>
                <!-- 歌曲列表 -->
                <div class="song-list">
                    <ul class="song-list-hd">
                        <li class="song-name">
                            歌曲
                        </li>
                        <li class="song-ren">
                            歌手
                        </li>
                        <li class="song-time">
                            时长
                        </li>
                    </ul>
                    <!-- 歌曲列表 -->
                    <div class="song-list-items">
                        <ul class="song-list-item">
                            <script>

                              

                                let date = [{

                                    url: './img/focus1.jpg',
                                    title: '晴天',
                                    nema: '周杰伦',
                                    time: '03:05'
                                },
                                {

                                    url: './img/focus2.jpg',
                                    title: '泡沫',
                                    nema: '邓紫棋',
                                    time: '03:05'
                                }, {

                                    url: './img/focus3.jpg',
                                    title: '曹操',
                                    nema: '林俊杰',
                                    time: '03:05'
                                }, {

                                    url: './img/focus4.jpg',
                                    title: '演员',
                                    nema: '薛之谦',
                                    time: '03:05'
                                }, {

                                    url: './img/focus5.jpg',
                                    title: '浮夸',
                                    nema: '陈奕迅',
                                    time: '03:05'
                                }, {

                                    url: './img/focus6.jpg',
                                    title: '飘向北方',
                                    nema: '时代少年团',
                                    time: '03:05'
                                }, {

                                    url: './img/focus7.jpg',
                                    title: '李荣浩',
                                    nema: '麻雀',
                                    time: '03:05'
                                }, {

                                    url: './img/focus8.jpg',
                                    title: '毛不易',
                                    nema: '消愁',
                                    time: '03:05'
                                }, {

                                    url: './img/focus9.jpg',
                                    title: '基尼太美',
                                    nema: '蔡徐坤',
                                    time: '03:05'
                                }, {

                                    url: './img/focus10.jpg',
                                    title: '李荣浩',
                                    nema: '麻雀',
                                    time: '03:05'
                                }, {

                                    url: './img/focus1.jpg',
                                    title: '晴天',
                                    nema: '周杰伦',
                                    time: '03:05'
                                },
                                {

                                    url: './img/focus2.jpg',
                                    title: '泡沫',
                                    nema: '邓紫棋',
                                    time: '03:05'
                                }, {

                                    url: './img/focus3.jpg',
                                    title: '曹操',
                                    nema: '林俊杰',
                                    time: '03:05'
                                }, {

                                    url: './img/focus4.jpg',
                                    title: '演员',
                                    nema: '薛之谦',
                                    time: '03:05'
                                }, {

                                    url: './img/focus5.jpg',
                                    title: '浮夸',
                                    nema: '陈奕迅',
                                    time: '03:05'
                                }, {

                                    url: './img/focus6.jpg',
                                    title: '飘向北方',
                                    nema: '时代少年团',
                                    time: '03:05'
                                }, {

                                    url: './img/focus7.jpg',
                                    title: '李荣浩',
                                    nema: '麻雀',
                                    time: '03:05'
                                }, {

                                    url: './img/focus8.jpg',
                                    title: '毛不易',
                                    nema: '消愁',
                                    time: '03:05'
                                }, {

                                    url: './img/focus9.jpg',
                                    title: '基尼太美',
                                    nema: '蔡徐坤',
                                    time: '03:05'
                                }, {

                                    url: './img/focus10.jpg',
                                    title: '李荣浩',
                                    nema: '麻雀',
                                    time: '03:05'
                                }]


                                for (let i = 0; i < 20; i++) {


                                    document.write(`
                                    <li>
                                        <div class="song-list-num">${i + 1}</div>
                                        <div class="song-list-rnk">
                                            <i class="iconfont icon-shangsheng"></i>
                                            123%
                                        </div>
                                        <div class="song-text">
                                            <div class="song-list-item-name">
                                                <span>
                                                    <a href="#">
                                                        <img  src="${date[i].url}"
                                                        alt=""></a>
                                                    <a href="#">${date[i].title}</a>
                                                </span>
                                                
                                            </div>
                                            <div class="menu">
                                                <a href="#"><i class="iconfont icon-bofang"></i></a>
                                                <a href="#"><i class="iconfont icon-tianjia"></i></a>
                                                <a href="#"><i class="iconfont icon-fenxiang"></i></a>
                                                
                                                    
                                                    

                                                </div>
                                        </div>
                                        <div class="song-artist">
                                            <a href="#">${date[i].nema}</a>
                                        </div>
                                        <div class="song-list-item-time">
                                            03:24
                                        </div>
                                    </li>
                                  `)

                                }

                            </script>



                        </ul>
                        <!-- 立即下载 -->
                        <div class="box1 ">
                            <p>
                                查看更多内容，请下载客户端
                            </p>
                            <a href="#">立即下载</a>
                        </div>
                        <!-- 评论区头部 -->
                        <div class="part-hd container">
                            <div class="part-tit">
                                <h2>评论</h2>
                                <span>共188221条评论</span>
                            </div>

                        </div>
                        <!-- 评论区输入框 -->
                        <div class="input">
                            <div class="wrapper">

                                <textarea id="tx" placeholder="说说你的看法" resize=“none” rows="2"
                                    maxlength="200"></textarea>
                                <div class="comment__tips">
                                    剩余
                                    <span class="c_tx_highlight">300</span>
                                    字
                                </div>
                                <!-- 发布评论按钮 -->

                            </div>
                            <div class="btn">
                                <div class="btn-inner">
                                    <i class="iconfont icon-xiaolian"></i>
                                    <a href="JavaScript:void(0)" class="btn-inner-btn">发表评论</a>
                                </div>

                            </div>
                        </div>
                        <div class="part-tit-normal">
                            <h2>精彩评论</h2>
                        </div>
                    </div>



                </div>

            </div>





        </div>

    </div>
    <!-- 评论区 -->
    <div class="part1 container">
        <img src="./img/yomghu.jfif" alt="">
        <div class="part-img">

            <div class="box2">
                <span>零。</span>
                <span>2018年3月26日 16:26</span>

                <p class="info">我是评论</p>
                <a href="JavaScript:void(0)">查看16条回复</a>
            </div>
            <div class="boxs">
                <div class="box3">
                    <a href="#">那就忘了吧:</a>
                    <span>
                        我，我，，你？一个不？你是一家公司？你是一家！一、这样一来。在你！、一直到时候再说吧，我是。在这个城市、一定会不会更多的确很久:::.：一一一一一高贵轻
                    </span>
                    <i iconfont icon-dianzan></i><br>
                    <a href="#">剑随故人归:</a>
                    <span>
                        哈哈哈
                    </span>
                    <i iconfont icon-dianzan></i>
                </div>
                <i iconfont icon-dianzan></i>
            </div>


        </div>
    </div>
    <div class="part container">
        <img src="./img/yomghu.jfif" alt="">
        <div class="part-img">

            <div class="box2">
                <span>零。</span>
                <span>2018年3月26日 16:26</span>

                <p>我是评论</p>
                <a>查看16条回复</a>
            </div>
            <div class="boxs">
                <div class="box3">
                    <a href="#">那就忘了吧:</a>
                    <span>
                        我，我，，你？一个不？你是一家公司？你是一家！一、这样一来。在你！、一直到时候再说吧，我是。在这个城市、一定会不会更多的确很久:::.：一一一一一高贵轻
                    </span>
                    <i iconfont icon-dianzan></i><br>
                    <a href="#">剑随故人归:</a>
                    <span>
                        哈哈哈
                    </span>
                    <i iconfont icon-dianzan></i>
                </div>
                <i iconfont icon-dianzan></i>
            </div>


        </div>


    </div>
    <div class="part container">
        <img src="./img/yomghu.jfif" alt="">
        <div class="part-img">

            <div class="box2">
                <span>零。</span>
                <span>2018年3月26日 16:26</span>

                <p>我是评论</p>
                <a>查看16条回复</a>
            </div>
            <div class="boxs">
                <div class="box3">
                    <a href="#">那就忘了吧:</a>
                    <span>
                        我，我，，你？一个不？你是一家公司？你是一家！一、这样一来。在你！、一直到时候再说吧，我是。在这个城市、一定会不会更多的确很久:::.：一一一一一高贵轻
                    </span>
                    <i iconfont icon-dianzan></i><br>
                    <a href="#">剑随故人归:</a>
                    <span>
                        哈哈哈
                    </span>
                    <i iconfont icon-dianzan></i>
                </div>
                <i iconfont icon-dianzan></i>
            </div>


        </div>


    </div>
    <div class="part container">
        <img src="./img/yomghu.jfif" alt="">
        <div class="part-img">

            <div class="box2">
                <span>零。</span>
                <span>2018年3月26日 16:26</span>

                <p>我是评论</p>
                <a>查看16条回复</a>
            </div>
            <div class="boxs">
                <div class="box3">
                    <a href="#">那就忘了吧:</a>
                    <span>
                        我，我，，你？一个不？你是一家公司？你是一家！一、这样一来。在你！、一直到时候再说吧，我是。在这个城市、一定会不会更多的确很久:::.：一一一一一高贵轻
                    </span>
                    <i iconfont icon-dianzan></i><br>
                    <a href="#">剑随故人归:</a>
                    <span>
                        哈哈哈
                    </span>
                    <i iconfont icon-dianzan></i>
                </div>
                <i iconfont icon-dianzan></i>
            </div>


        </div>


    </div>
    <div class="part container">
        <img src="./img/yomghu.jfif" alt="">
        <div class="part-img">

            <div class="box2">
                <span>零。</span>
                <span>2018年3月26日 16:26</span>

                <p>我是评论</p>
                <a>查看16条回复</a>
            </div>
            <div class="boxs">
                <div class="box3">
                    <a href="#">那就忘了吧:</a>
                    <span>
                        我，我，，你？一个不？你是一家公司？你是一家！一、这样一来。在你！、一直到时候再说吧，我是。在这个城市、一定会不会更多的确很久:::.：一一一一一高贵轻
                    </span>
                    <i iconfont icon-dianzan></i><br>
                    <a href="#">剑随故人归:</a>
                    <span>
                        哈哈哈
                    </span>
                    <i iconfont icon-dianzan></i>
                </div>
                <i iconfont icon-dianzan></i>
            </div>


        </div>


    </div>
    <!-- 底部内容 -->
    <div class="footer">
        <!-- 版心 -->
        <div class="container">
            <!-- 底部上方 -->
            <div class="footer-top">
                <!-- 底部客户端 -->
                <div class="footer-client">
                    <h3>下载QQ音乐客户端</h3>
                    <div class="footer-img">
                        <a href="#">
                            <i></i>
                            <span>PC版</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>Mac版</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>Android版</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>iphone版</span>
                        </a>
                    </div>
                    <h3>开方平台</h3>
                    <div class="footer-list">
                        <a href="#">QQ音乐开放平台</a>
                        <a href="#">腾讯音乐人</a>
                        <a href="#">音乐推</a>
                    </div>
                </div>
                <!-- 底部产品 -->
                <div class="footer-product">
                    <h3>特色产品</h3>
                    <div class="footer-img">
                        <a href="#">
                            <i></i>
                            <span>全民K歌</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>银河音效</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>Qplay</span>
                        </a>
                        <a href="#">
                            <i></i>
                            <span>Fan直播伴侣</span>
                        </a>
                    </div>
                    <h3>TME集团官网</h3>
                    <div class="footer-list">
                        <a href="#">腾讯音乐</a>
                    </div>
                    <div class="footer-absolute">
                        <a href="#">车载互联</a>
                        <a href="#">QQ演出</a>
                    </div>
                </div>

                <!-- 底部链接 -->
                <div class="footer-link">
                    <h3>合作链接</h3>
                    <div class="footer-text">
                        <ul class="clearfix">
                            <li><a href="#">cj ENM</a></li>
                            <li><a href="#">腾讯视频</a></li>
                            <li><a href="#">手机QQ空间</a></li>
                            <li><a href="#">最新版QQ</a></li>
                            <li><a href="#">腾讯社交广告</a></li>
                            <li><a href="#">电脑管家</a></li>
                            <li><a href="#">QQ浏览器</a></li>
                            <li><a href="#">腾讯微云</a></li>
                            <li><a href="#">腾讯云</a></li>
                            <li><a href="#">企鹅FM</a></li>
                            <li><a href="#">智能电视网</a></li>
                            <li><a href="#">当贝市场</a></li>
                            <li><a href="#">酷我音乐</a></li>
                            <li><a href="#">酷狗听书</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 底部下方 -->
            <div class="footer-bottom">
                <p>
                    <a href="#">关于腾讯</a>|
                    <a href="#">About Tencent</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">用户服务协议</a>|
                    <a href="#">隐私政策</a>|
                    <a href="#">权力声明</a>|
                    <a href="#">广告服务</a>|
                    <a href="#">腾讯招聘</a>|
                    <a href="#">客服中心</a>|
                    <a href="#">网站导航</a>|
                    <a href="#">举报中心</a>
                </p>
                <p>Copyright © 1998 - 2022 Tencent.All Rights Reserved.</p>
                <p>
                    <a href="#">腾讯公司 版权所有</a>|
                    <a href="#">营业执照</a>|
                    <a href="#">网络文化经营许可证：粤网文[2020]3396-195号</a>|
                    <a href="#">客服电话:</a>|
                    <a href="#">4006016666</a>|
                    <a href="#">违法与不良信息举报邮箱：</a>|
                    <a href="#">tme_musicjubao@tencentmusic.com</a>
                </p>
            </div>
        </div>
    </div>



    <script>
        let date1 = [{

            url: './img/focus1.jpg',
            title: '晴天',
            nema: '周杰伦',
            time: '03:05'
        },
        {

            url: './img/focus2.jpg',
            title: '泡沫',
            nema: '邓紫棋',
            time: '03:05'
        }, {

            url: './img/focus3.jpg',
            title: '曹操',
            nema: '林俊杰',
            time: '03:05'
        }, {

            url: './img/focus4.jpg',
            title: '演员',
            nema: '薛之谦',
            time: '03:05'
        }, {

            url: './img/focus5.jpg',
            title: '浮夸',
            nema: '陈奕迅',
            time: '03:05'
        }, {

            url: './img/focus6.jpg',
            title: '飘向北方',
            nema: '时代少年团',
            time: '03:05'
        }, {

            url: './img/focus7.jpg',
            title: '李荣浩',
            nema: '麻雀',
            time: '03:05'
        }, {

            url: './img/focus8.jpg',
            title: '毛不易',
            nema: '消愁',
            time: '03:05'
        }, {

            url: './img/focus9.jpg',
            title: '基尼太美',
            nema: '蔡徐坤',
            time: '03:05'
        }, {

            url: './img/focus10.jpg',
            title: '李荣浩',
            nema: '麻雀',
            time: '03:05'
        }]
        function getRandom(min, max) {
            min = Math.ceil(min);
            max = Math.floor(max);
            return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值，含最小值
        }
        //鼠标经过显示
        const lis = document.querySelectorAll('.song-list-item li')
        const menus = document.querySelectorAll('.song-list-item li .song-text .menu')
        // console.log(menu);
        for (let i = 0; i < lis.length - 1; i++) {
            // console.log(lis[i]);
            lis[i].addEventListener('mouseover', function () {
                menus[i].style.opacity = 1
                // console.log(1);
            })
            lis[i].addEventListener('mouseout', function () {
                menus[i].style.opacity = 0

            })
        }

        //页面跳转
        const song_list_item = document.querySelector('.song-list-item')


        // console.log(date1);
        let str = ''
        const leftNav = document.querySelector('.lift-nav')
        leftNav.addEventListener('click', function (e) {
            str = ''
            let num
            if (e.target.tagName === 'A') {
                for (let i = 1; i <= 20; i++) {
                    num = getRandom(0, 9)
                    // console.log(num);
                    str += `
                                    <li>
                                        <div class="song-list-num">${i}</div>
                                        <div class="song-list-rnk">
                                            <i class="iconfont icon-shangsheng"></i>
                                            123%
                                        </div>
                                        <div class="song-text">
                                            <div class="song-list-item-name">
                                                <span>
                                                    <a href="#">
                                                        <img  src="${date1[num].url}"
                                                        alt=""></a>
                                                    <a href="#">${date1[num].title}</a>
                                                </span>
                                                
                                            </div>
                                            <div class="menu">
                                                <a href="#"><i class="iconfont icon-bofang"></i></a>
                                                <a href="#"><i class="iconfont icon-tianjia"></i></a>
                                                <a href="#"><i class="iconfont icon-fenxiang"></i></a>
                                                
                                                    
                                                    

                                                </div>
                                        </div>
                                        <div class="song-artist">
                                            <a href="#">${date1[num].nema}</a>
                                        </div>
                                        <div class="song-list-item-time">
                                            ${date1[num].time}
                                        </div>
                                    </li>
                                  `
                }
                song_list_item.innerHTML = str
                const lis = document.querySelectorAll('.song-list-item li')
                const menus = document.querySelectorAll('.song-list-item li .song-text .menu')
                for (let i = 0; i < lis.length - 1; i++) {
                    // console.log(lis[i]);
                    lis[i].addEventListener('mouseover', function () {
                        menus[i].style.opacity = 1
                        // console.log(1);
                    })
                    lis[i].addEventListener('mouseout', function () {
                        menus[i].style.opacity = 0

                    })
                }
            }
        })


        // 添加高亮
        const songList = document.querySelectorAll('.lift-nav dd')
        for (let i = 0; i < songList.length; i++) {
            songList[i].addEventListener('click', function () {
                document.querySelector('dd.active').classList.remove('active')
                songList[i].classList.add('active')
            })
        }


        //电梯
        const part = document.querySelector('.part-hd')
        // console.log(part);
        const a = part.offsetTop
        // console.log(a);

        const dianti = document.querySelector('.song-tbar .dianti')

        dianti.addEventListener('click', function (e) {
            // console.log(1);
            e.preventDefault()
            document.documentElement.scrollTop = a

        })

        //发表评论
        const parts = document.querySelector('.part1')
        // console.log(parts);
        const btn = document.querySelector('.btn-inner-btn')
        const c_tx_highlight = document.querySelector('.comment__tips')
        const tx = document.querySelector('#tx')
        tx.addEventListener('focus', function () {
            c_tx_highlight.style.opacity = 0
        })
        //失去焦点 让元素隐藏
        tx.addEventListener('blur', function () {
            c_tx_highlight.style.opacity = 1
        })
        const info = document.querySelector('.info')
        // console.log(info);
        btn.addEventListener('click', function (e) {
            e.preventDefault
            const val = tx.value
            if (tx.value === '') {
                alert('请输入内容')
            } else {
                info.innerHTML = val
                tx.value = ''
                parts.style.display = 'block'
            }

        })
    </script>
    <script src="../代普/js/ifr.js"></script>
</body>

</html>